.x-arrow {
	position: relative;
	font-size: 1rem;
	width: .4em;
	height: .4em
}

.x-arrow-right {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.x-arrow-up {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.x-arrow-down {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.x-arrow:before {
	left: 50%;
	width: .3em;
	height: .04em;
	background-color: #191919;
	line-height: 0;
	overflow: hidden;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.x-arrow:after, .x-arrow:before {
	content: " ";
	position: absolute;
	top: 50%
}

.x-arrow:after {
	left: .06em;
	width: .2em;
	height: .2em;
	border: solid #191919;
	border-width: 0 0 .05em .05em;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	margin-top: -.01em
}

.x-cross {
	font-size: 1rem;
	position: relative;
	width: .3em;
	height: .3em
}

.x-cross:after, .x-cross:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	width: .34em;
	height: .06em;
	overflow: hidden;
	background-color: #191919
}

.x-cross:before {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg)
}

.x-cross:after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg)
}

.x-search {
	position: absolute;
	z-index: 90;
	width: 100%;
	min-height: 100%;
	left: 0;
	top: 0;
	background-color: #fff
}

.xs-header {
	height: 1.1rem;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	background-color: #fff
}

.xs-back-btn, .xs-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.xs-back-btn {
	padding: 0 .2rem;
	height: 100%
}

.xs-back-btn .x-arrow:before {
	background-color: #949494
}

.xs-back-btn .x-arrow:after {
	border-color: #949494
}

.xs-query-box {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: .7rem;
	border-radius: .35rem;
	background-color: #efefef;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.xs-search-logo {
	height: .7rem;
	width: .75rem;
	background:
		url(https://s5.wandougongzhu.cn/h5/img/icon/ic_search_2f669a.png) 50%
		no-repeat;
	background-size: .38rem .42rem
}

.xs-input-box {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.xs-input {
	box-sizing: border-box;
	height: .7rem;
	width: 100%;
	padding: .1rem 0;
	border: none;
	outline: none;
	font-size: .3rem;
	line-height: .5rem;
	background-color: transparent
}

.xs-input::-webkit-search-cancel-button {
	display: none
}

.xs-clear-btn {
	position: relative;
	width: .67rem;
	height: .7rem
}

.xs-clear-btn .xs-cross-box {
	position: absolute;
	background-color: #888;
	width: .36rem;
	height: .36rem;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.xs-clear-btn .x-cross {
	font-size: .7rem;
	width: .4em;
	height: .4em
}

.xs-clear-btn .x-cross:after, .xs-clear-btn .x-cross:before {
	background-color: #fff
}

.xs-submit-btn {
	border: none;
	background-color: transparent;
	height: 1.1rem;
	outline: none;
	width: .9rem
}

.xs-sug {
	padding-top: 1.1rem
}

.xs-sug-item {
	border-bottom: 1px solid hsla(0, 0%, 86%, .5);
	box-sizing: border-box;
	height: .98rem;
	line-height: .98rem;
	color: #212121;
	font-size: .24rem;
	padding-left: .3rem;
	white-space: nowrap
}

.xs-sug-goods, .xs-sug-post, .xs-sug-user {
	padding-left: 1rem;
	background: .3rem no-repeat;
	background-size: .4rem .4rem
}

.xs-sug-goods {
	background-image:
		url(https://s2.wandougongzhu.cn/h5/img/icon/ic_search_goods_ae824b.png)
}

.xs-sug-post {
	background-image:
		url(https://s1.wandougongzhu.cn/h5/img/icon/ic_search_diary_54e045.png)
}

.xs-sug-user {
	background-image:
		url(https://s2.wandougongzhu.cn/h5/img/icon/ic_search_user_f9744f.png)
}

.xs-history, .xs-hot {
	margin: .3rem .3rem 0
}

.xs-sug-title {
	color: #3e3e3e;
	font-size: .28rem;
	line-height: .56rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.xs-clear-history, .xs-word {
	font-size: .24rem
}

.xs-word {
	display: inline-block;
	float: left;
	border-radius: 2px;
	padding: .1rem .2rem;
	border: 1px solid hsla(0, 0%, 89%, .5);
	margin-right: .18rem;
	margin-bottom: .12rem;
	color: #191919
}

.x-qtip {
	display: none;
	position: fixed;
	left: 50%;
	top: 38%;
	min-width: 2rem;
	max-width: 80%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 2px;
	border: .1rem solid rgba(0, 0, 0, .3);
	color: #fff;
	pointer-events: none;
	z-index: 1000
}

.x-qtip .x-qtip-body {
	padding: .15rem;
	background-color: rgba(0, 0, 0, .7);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: flex_start;
	-ms-flex-align: flex_start;
	align-items: flex_start
}

.x-qtip .x-qtip-icon {
	width: .5rem;
	font-size: .4rem;
	display: none
}

.x-qtip .x-qtip-icon i {
	display: inline-block;
	width: .4rem;
	height: .4rem;
	background-repeat: no-repeat;
	opacity: .9;
	background-size: 100%
}

.x-qtip .x-qtip-msg {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	line-height: .45rem;
	font-size: .3rem;
	color: #fff
}

.x-qtip-error .x-qtip-icon, .x-qtip-info .x-qtip-icon, .x-qtip-ok .x-qtip-icon,
	.x-qtip-question .x-qtip-icon, .x-qtip-warning .x-qtip-icon {
	display: block
}

.x-qtip-info .x-qtip-icon i {
	background-image: url(//s5.wandougongzhu.cn/s/ba/x-icon-info_f71762.png)
}

.x-qtip-warning .x-qtip-icon i {
	background-image:
		url(//s.wandougongzhu.cn/s/41/x-icon-warning_30d4ad.png)
}

.x-qtip-ok .x-qtip-icon i {
	background-image: url(//s5.wandougongzhu.cn/s/b1/x-icon-ok_2771f0.png)
}

.x-qtip-error .x-qtip-icon i {
	background-image:
		url(//s4.wandougongzhu.cn/s/ff/x-icon-error_4356e7.png)
}

.x-qtip-question .x-qtip-icon i {
	background-image:
		url(//s1.wandougongzhu.cn/s/24/x-icon-question_47e1c0.png)
}

.x-spinner {
	margin: .1rem auto;
	text-align: center
}

.x-spinner>div {
	margin: 0 .05rem;
	width: .2rem;
	height: .2rem;
	background-color: #fff;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

.x-spinner .bounce1 {
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s
}

.x-spinner .bounce2 {
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s
}

@
-webkit-keyframes sk-bouncedelay { 0%,80%,
	to {-webkit-transform: scale(0);
	transform: scale(0)
}

40%{
-webkit-transform
:scale(1)
;transform
:scale(1)
}
}
@
keyframes sk-bouncedelay { 0%,80%,
	to {-webkit-transform: scale(0);
	transform: scale(0)
}

40%{
-webkit-transform
:scale(1)
;transform
:scale(1)
}
}
.x-dialog-mask {
	position: fixed;
	z-index: 99;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .6)
}

.x-dialog-title {
	padding-top: .5rem;
	font-weight: 700
}

.x-dialog-box {
	z-index: 100;
	position: fixed;
	border-radius: .1rem;
	width: 83%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #f9f9f9;
	text-align: center;
	padding: .4rem .3rem .24rem
}

.x-dialog-title {
	line-height: .4rem;
	font-size: .28rem;
	color: rgba(0, 0, 0, .9);
	padding-bottom: .4rem;
	text-align: center
}

.x-dialog-btn-panel {
	margin-top: .24rem;
	height: 1.12rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.x-dialog-btn {
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0 .1rem;
	font-size: .28rem;
	text-align: center;
	line-height: .88rem;
	border: 1px solid rgba(0, 0, 0, .3);
	border-radius: .2rem;
	background-color: rgba(0, 0, 0, .05);
	color: #000;
	outline: none
}

.x-dialog-btn-hl {
	color: #5bb755;
	border-color: #5bb755;
	background-color: rgba(91, 183, 85, .05)
}

.carousel-cont {
	position: relative;
	height: 100%;
	overflow: hidden
}

.carousel-cont .cont-item {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden
}

.carousel-cont .cont-item.active {
	visibility: visible;
	z-index: 1
}

.nova-carousel {
	position: relative;
	width: 100%;
	height: 300px;
	text-align: center
}

.carousel-cont .cont-item {
	text-align: middle
}

.carousel-control {
	display: inline-block;
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
	bottom: 0;
	left: 0;
	z-index: 3;
	padding: 5px 0;
	padding-right: 5px
}

.carousel-control .control-item {
	display: inline-block;
	margin-right: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #1a1819;
	border: 1px solid #fff;
	font-size: 0;
	line-height: 0
}

.carousel-control .control-item.active {
	background-color: hsla(0, 0%, 100%, .8);
	border-color: #000
}